<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>首页</title>
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../css/bootstrap.css" />
  </head>
  <body>
    <!-- 头部的盒子 -->
    <header>
      <div>
        <ul class="nav nav-tabs">
          <li role="presentation"><a href="index.html">首页</a></li>
          <li role="presentation"><a href="humanRelation.html">移动个体时空接触网络分析</a></li>
          <li role="presentation"><a href="mapOfCovid.html">疫情分布状况分析</a></li>
          <li role="presentation"><a href="bmapOfCovid.html">移动个体轨迹追踪分析</a></li>
		  <li role="presentation"><a href="predict.html">疫情传播预测</a></li>
        </ul>
      </div>
    </header>

    <!-- 页面主体部分 -->
    <section class="mainbox">
      <div class="column">
        <div class="panel bar">
          <h2>全国无症状感染者分布</h2>
          <div class="chart"></div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line">
          <h2>全国 治愈率/死亡率 趋势</h2>
          <div class="chart">图表</div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie">
          <h2>全国无症状感染者分布</h2>
          <div class="chart">图表</div>
          <div class="panel-footer"></div>
        </div>
      </div>
      <div class="column">
        <!-- no模块制作 -->
        <div class="no">
          <div class="no-hd">
            <ul>
              <li>91170</li>
              <li>86030</li>
            </ul>
          </div>
          <div class="no-bd">
            <ul>
              <li>累积确诊人数</li>
              <li>累积治愈人数</li>
            </ul>
          </div>
        </div>
        <!-- 地图模块 -->
        <div class="map">
          <div class="map1"></div>
          <div class="map2"></div>
          <div class="map3"></div>
          <div class="chart"></div>
        </div>
      </div>
      <div class="column">
        <div class="panel bar2">
          <h2>境外输入累积确诊省Top5</h2>
          <div class="chart">图表</div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel line2">
          <h2>全国 总新增确诊/新增境外输入确诊 趋势</h2>
          <div class="chart">图表</div>
          <div class="panel-footer"></div>
        </div>
        <div class="panel pie2">
          <h2>湖北外患者与湖北的接触史</h2>
          <div class="chart">图表</div>
          <div class="panel-footer"></div>
        </div>
      </div>
    </section>
    <script src="../js/flexible.js"></script>
    <script src="../js/echarts.min.js"></script>
    <!-- 先引入jquery -->
    <script src="../js/jquery.js"></script>
    <script src="../js/bootstrap.min.js"></script>
    <!-- 必须先引入china.js 这个文件 因为中国地图需要 -->
    <script src="../js/china.js"></script>
    <script src="../js/index.js"></script>
  </body>
</html>
